v8.20.0

Compare Source

Full Changelog

📝 Notes

Now you can use v-model directive, :model-value prop, and @update:model-value (@update:modelValue) event in all data input components to have compatibility with v9 in the future.

<!-- Only v8 (Vue 2) -->
<NcTextField :value.sync="username" />
<!-- Compatible with both v8 (Vue 2) and v9 (Vue 3) -->
<NcTextField v-model="username" />
<!-- same as -->
<NcTextField :model-value="username" @&#8203;update:model-value="username = $event" />

If you already use v-model with a custom writable computed on :value.sync components before, it might not work as expected anymore. Make sure to remove or adjust it before update.
See the full list in v9 breaking changes.

🚀 Enhancements

• feat: add v-model support for input-like components #​5418 (kyteinsky)
• feat: forward compatibility with v9 on v-model props/events #​6172 (ShGKme)
• feat(NcRichText): add styles to mount point for custom picker and custom widget elements #​6108 (julien-nc)
• feat(NcRichText): make interactive widgets opt-in #​6151 (Antreesy)
• feat: add isDarkTheme functions and composables #​5698 (ShGKme)
• feat: add spawnDialog function #​6195 (susnux)

🐛 Fixed bugs

• fix(NcReferencePicker): allow closing modal dialog #​6137 (JuliaKirschenheuter)
• fix(NcActions): RTL support #​6148 (hamza221)
• fix(NcAppNavigation): RTL support #​6144 (hamza221)
• fix(NcSelect): RTL support #​6150 (hamza221)
• fix(NcAppDetailsToggle): RTL support #​6145 (hamza221)
• fix(NcModal): RTL support #​6171 (hamza221)
• fix(NcAppSidebar): RTL support #​6187 (hamza221)
• fix(NcDateTimePicker): adjust component styling close to native appearance #​6095 (GretaD)
• fix(NcTimeZonePicker): scope css styles #​6184 (Antreesy)
• fix(NcAppSidebarTabs): force color-main-text for icons #​6189 (Antreesy)
• fix(NcAppNavigationItem): use $scopedSlots instead of $slots #​6161 (st3iny)

Changed

• Updated workflows and dependencies
• Updated translations